import React from 'react'
import Image from 'next/image'
import Link from 'next/link'

const Page = () => {
  
  return (
    <div className="flex justify-center items-center containe">
      <div
        className="max-w-[700px] w-full flex justify-center items-center container gap-6 flex-wrap h-screen content-center">
        {Array.from({ length: 8 }).map((_, index) => (
          <Link key={index} href={`/interceptRoutes/detail/${index}`}>
            <div>
              <Image
                className="rounded-2xl"
                src={`https://picsum.photos/150/150?random=${Math.random()}`}
                width={150}
                height={150}
                alt=""
              />
              <span>这是一张随机图片</span>
              <h6>$88</h6>
            </div>
          </Link>
        ))}
      </div>
    </div>
  )
}

export default Page
